var third = document.querySelector(".third");

var third_head = document.querySelectorAll(".third_head");

var third_body = document.querySelectorAll(".third_body");

var arrow = document.querySelectorAll(".arrow");

var third_div = third.querySelectorAll(".third>div");

for(let i =0;i<third_head.length;i++){
    third_head[i].addEventListener("click",()=>{
        if(parseInt(getComputedStyle(third_div[i]).height)==160){
            third_div[i].style.height = 60+"px"
            arrow[i].classList.remove("rotating")
        }
        else{
            third_div[i].style.height = 160+"px";
           
            arrow[i].classList.add("rotating")
        }
    })
}
// transform: translateY(-50%) rotate(90deg);



